@media screen and (min-width:3000px) {
/*    .banner {
        height: 800px;
    }*/
}
@media screen and (min-width:1600px) {}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1400px) {.banner {height:500px;}
}
@media screen and (max-width:1280px) {}
@media screen and (min-width:1280px) {.container,.container-lg,.container-md,.container-sm,.container-xl {max-width:1230px;}
}
@media screen and (max-width:1200px) {#hd .menu ul li {margin:0 20px;}
.banner .swiper-prev {left:5%;}
.banner .swiper-next {right:5%;}
.g-animate .g-animate-nav>div {font-size:20px;}
}
@media screen and (max-width:1100px) {.banner {height:450px;}
}
@media screen and (max-width:1024px) {#hd .menu ul li {margin:0 15px;}
.banner {height:400px;}
.g-why-select-us .swiper-pagination>div {width:50%;}
.g-why-select-us .swiper-container {padding-top:162px;}
.g-why-select-us .swiper-pagination>div.icon-3 {border-left:0px;border-top:1px solid #ECEFF4;}
.g-why-select-us .swiper-pagination>div.icon-4 {border-top:1px solid #ECEFF4;}
.g-why-select-us .swiper-container .swiper-slide .g-wrapper {width:100%;}
.g-why-select-us .swiper-container .swiper-slide .g-wrapper .text {position:absolute;top:140px;left:initial;right:100px;text-align:right;}
.g-why-select-us .swiper-container .swiper-slide .g-wrapper>a {left:50%;transform:translateX(-50%);}
.g-why-select-us .swiper-container .swiper-slide .g-wrapper .text p {font-size:16px;}
.g-why-select-us .swiper-pagination {height:300px;}
.g-animate .g-animate-container .swiper-slide>div {display:none;}
}
@media screen and (max-width:992px) {#hd {background-color:#fff;}
#hd .menu {display:none;}
.js-mn {display:block;}
#hd .logo {float:initial;margin-top: 2px;background:url(../images/logo022.png) no-repeat center;background-size:contain;}
.banner {margin-top:60px;}
.banner .swiper-prev,.banner .swiper-next {display:none;}
#hd .menu {height:100%;position:fixed;width:100%;max-width:290px;background-color:#fff;right:0px;top:0px;z-index:100;padding-top:60px;transition:transform .2s ease-out;transform:translateX(100%);}
.gnb-open #hd .menu {transform:translateX(0);}
}
@media screen and (max-width:876px) {.banner {height:350px;}
}
@media screen and (max-width:640px) {.banner {height:250px;}
.home-box {padding:40px 0;}
.home-box h1.title {font-size:28px;}
.home-box h3.sub-title {font-size:14px;}
.g-why-select-us .swiper-container .swiper-slide .g-wrapper .text {top:180px;}
.g-why-select-us .swiper-container .swiper-slide .g-wrapper .text {right:50px;}
.container,.container-sm {padding:0px 10px;}
.g-why-select-us .swiper-pagination>div.swiper-pagination-bullet-active.icon-1,.g-why-select-us .swiper-pagination>div.icon-1:hover {padding:40px 0 0;text-align:center;background:none;font-size:20px;}
.g-why-select-us .swiper-pagination>div.swiper-pagination-bullet-active.icon-2,.g-why-select-us .swiper-pagination>div.icon-2:hover {padding:40px 0 0;text-align:center;background:none;font-size:20px;}
.g-why-select-us .swiper-pagination>div.swiper-pagination-bullet-active.icon-3,.g-why-select-us .swiper-pagination>div.icon-3:hover {padding:40px 0 0;text-align:center;background:none;font-size:20px;}
.g-why-select-us .swiper-pagination>div.swiper-pagination-bullet-active.icon-4,.g-why-select-us .swiper-pagination>div.icon-4:hover {padding:40px 0 0;text-align:center;background:none;font-size:20px;}
.g-animate {padding:40px 0;}
.g-animate .g-animate-nav {margin-top:20px;}
.copyright {padding:40px 0;}
}
@media screen and (max-width:500px) {.banner {height:200px;}
}
@media screen and (max-width:400px) {.banner {height:180px;}
.g-why-select-us .swiper-container .swiper-slide .g-wrapper .text {right:20px;}
.g-animate .g-animate-nav>div {padding:18px 0 18px 40px;}
.g-animate .g-animate-nav>div {font-size:18px;}
.g-animate .g-animate-nav>div.g-animate-nav-1 {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAVFBMVEUAAABna3NoaHNscHBmbHJobHNnbHNna3Nna3JmbHNmbHJnbHNoanJobHRmbHNnbHJma3JnbHNlanBgcHBpanVnbHNnbHNnbHRna3Jvb3BlanVnbHPkzD1QAAAAG3RSTlMA3yAQgEC/n3Dv769ggFCQX48wETDPzs+wETFPVbDfAAAB/ElEQVRIx+1V23aEIAwUIhcFdXW72wv//589h3JMApTd0j523sBMEiYjDP/gkFJCBw3U5kSIEHpUP6EqMwWGyahnqTpUIC5PUF+QmtPlI66l4bMQM12PbZ30yXP2gLh1eHdmcI3iUqQgbYHl9AJbb3Lr2njRZkP6vkE1s0nsum1ciLAPtNS1b8uXUA03rPN32WWIWIcG1i+7ybLpYpLSb8aMKw219cZV3DZE3nPk90teIj+a5nOQum7M64ylsxOfJS75X7Vi42VpEwugMAVOdiy9M7KghWWqqzfvt1vgEi9xxf7DGCCZKkIlKQWT+BpXRz4CzZq+wSnSjZ1T50YxdMY6t/BV0NwLzjTFk9SAwnMTAGnsnut1kEgxMMwkucy/p8x4/rehnKSlijEyrkfu8XLvT8kzadtX2nYFuRQMDTMBF6xFdjgdjKQeapG3ePHhAr1MvO5oZ4Ts6ewU/sP8Npc4Nk3IwNy7p8clBr+PE7sTlvIS1PRQcD4cxrwGCm0m2gT7SwEbzTDzJbcB4F6NLeRCl2aouDd8nMlY8ALDYLH4Xr/zXwE3jEhVF2AbuvKm7GVSqbxnd75a/QqNN3IcuqDCb9hLkuO9i23QSP3sYLro+2kD1XfuBOGsOiQFPNZchBJPzwGWLjIac+4gY3Wve8jIV9bpu6Cwwz9+iU/Bu2IZsnyZ5gAAAABJRU5ErkJggg==) no-repeat 10px center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px}
.g-animate .g-animate-nav>div.g-animate-nav-1.active {background:#f0f8ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAASFBMVEUAAAAibe8gau8ibO4gcO8jbe8jbe8kbO8ibO8ibe4jbe8jbe8jbO8jau8jbe8ibe8jbe4gb+8ibO0jbO0jbvIkbO8jbe4jbe/jzAyvAAAAF3RSTlMA3yCAEO+/QHCQr59QMGDPXxGgn19BsJ2Rt5QAAAH7SURBVEjH7VXRkuQgCIyKGjUxyczO5f//9KqMJaBeZs7dx+VNtKFpUKdf4yalhAEYWOfFmUwYZf8HaoM+melgP4Was2Ni/wC6IrSGy3fYmbEVgvFX9zqZgvPzCsm1Rl8i+JvkUuRDZgYWMwqk/gYrvtq9KO7RkPcddCM/Mhq6YH/tzm+0NL09dQl1Mw2L/ld0ecVdphtbrviyJd10UkYXglokZd4nbpM7oGMvLd/2OkVdmuF9kKY/mIfG1FXFXyVtfasWJN6mfqQEKExjBZ3COgYWNLHMeY2L0W0nl1ilFbuH6YBkqojM7SWYxEdarXULDCO9QRFpY3WaelAetMemHuFD0Niq6ulkSGigwmfmyQWE2Mb0wjpsER5Nk+Cy3s+Rsf4/U9vJmSpWg7EmrL/n+1GwJrT3Dm3fgFvBcGA0cMEacB155yfZDN2BHZ12h7PMZt1TZgS8095ZvMP8NZfYNkPAwKbX5c8lHT6UZm+Cah9BQ4uC8nGEkG9kcWhKgt1SQKKVZUz/xwP09dBCKroME7cnv+OgWCKYphmTu/6bvwE6niJnVZA/q8thOn+Ka4NKGyN78+0SF7j5I9U0ZPb8DlplOY4h9BMHaRx9hiG4K2PwGqw7k/fza5XU4L3m4mzt4z6AGgLjYOoBMGaPZgSMeDt7swlq8/Rr37S/dFZUVt00HeAAAAAASUVORK5CYII=) no-repeat 10px center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px;color:#236DEF}
.g-animate .g-animate-nav>div.g-animate-nav-2 {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAIVBMVEUAAABmbHJnbHNnanJobHRnbHNobHRnbHNobHJobHNnbHO/R4M1AAAACnRSTlMA739fv75Avz8CkW/x5QAAAHZJREFUOMtjgAKuVTCwgAEJjEoTkoYxB5M0WyHYyWA1CLDcACqttQqb9KpFEFnmVdilVyWApVlwSQdAXIVLWgAmjc3lwOAdlcYvDQKj0qPSNJLmhEkzrsIKYNIsCAFs2Z8Nl7QBrOjBChZBXcHshU1WtIFhUAMAQZNOB9eT2R0AAAAASUVORK5CYII=) no-repeat 10px center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px}
.g-animate .g-animate-nav>div.g-animate-nav-2.active {background:#f0f8ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAJFBMVEUAAAAjbe8jbO8jbe8ibe8kbO8jbe8jbe8kbO8kbO8kcO8jbe+wQusWAAAAC3RSTlMAv75ff0Dv7oA/Ajz8EBUAAAB3SURBVDjL7dQhDoAwDIXhLcsQ4NHzGO6B4SiEa2A4ykjm3uUIW5sg2qBIJvarJp95qoYawEXzqvEX81kT+xFPNJ+7ZuIFEiMVdZAZa2arcaBVCm/M0nIgNtaZpXHjn7hn7iDGbDUOmb3G9HsOWZMpuUnS/TRVdwN9ZG96n429DAAAAABJRU5ErkJggg==) no-repeat 10px center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px;color:#236DEF}
.g-animate .g-animate-nav>div.g-animate-nav-3 {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAS1BMVEUAAABmbHFoaHNmbHJnbHNobHJwcHBobHRma3NnanJna3NmbHJna3Jna3NmbHNnbHNnbHJoanVgcHBmbHNna3JobXJmbHNobXNnbHNeR1bAAAAAGHRSTlMAgCDvv0AQgG9f33/en6HPkDAQsK9gUE98WxVPAAABPElEQVRIx+3Wy7KCMBAE0DEPSEJAxVf+/0vvhYUtGSQTVi7o5RTHTFsUFfrRWLtXNs6kFP0u2uk0J3Sqdt+LTkivaqhJWYytqMoTvawq1rUJQXlBVd02RKAoX64a3D8FZuV5Vf6IrPxzUZUIWMBPi6rbOJ0YRtV9+Ix96/GJDnzgA3/G1WBHy/i0GspzmaavbHgVYjNNbTYchVhP04ZNSxgLaspzL2H8r3eGXQmjsmNYlTAeUsRiBHiYv7HE0wpwmGaeeMYyfrCtsVMJq/ngntZiS3jAwTz9Nr4mHMyj9BZWAQevpd3Ct3nQ0decGc5+OGJQXjyzWtFGHgzD4v0Q1AZuTEJhkQa2AVakgdUtwVZpskOCleQZ3zi8b1gvEkbxK7MieXz8pNpRVcY2sjthTbyZF3agVVHeN/ST+QPtTHYfZ91mLAAAAABJRU5ErkJggg==) no-repeat 10px center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px}
.g-animate .g-animate-nav>div.g-animate-nav-3.active {background:#f0f8ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAVFBMVEUAAAAibO4gbO8gcO8jbe8kbO8jbe8jbe8ia+8ibe8ibe8jbe8ibu8jbe8jbvAjbO8jbO0ibu8jbO4lau8jbe8ibu0kbO8jbe8jbe4ibO0gbvIjbe+sI0HPAAAAG3RSTlMAgCAQ70CAv2/f3p+AYF++oc9PMLCQQa+vkE9OBixOAAABQUlEQVRIx+3WzbKCMAyG4dAWKGgF0eP5yf3f59Eu/KRBmrJywbuz4zNNHIeBPrS63iqtb5m70yZ6dBzrjqZ03i/H6GBKaMtJbV2wqqw/6VbFuDUjLK9Y1TWWCBTL51ft/J0Ci+XlqvIruuWn2apEwApezVZdx1wJjFW34TPmLccV7XjHO37Nl2BP8wIvRmm/j9O/5PCixPFBVyeHVonjo86K0xzGgI7SvnMYv+uPwD6HsbIX2OQwvmRI1CrwGJ+xJKsUuHucnUhm8ziIqTFTDpt48YGWqnN4xMWywzq+MC6WGSdwMjQullVr+BoPGnrb+T0+xs89DvKDJ9YZWikIDCv+H6JmCduWsbBKA986WJUGNleGLdJ0GxlW09Q/cfd8w5pImRk4aTCkL/Sv1Hkqyja9eCcsKQxxYA9alAnB0kf2D2hBhFosE7yCAAAAAElFTkSuQmCC) no-repeat 10px center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px;color:#236DEF}
.g-animate .g-animate-nav>div.g-animate-nav-4 {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAJFBMVEUAAABmbHFnbHNoaHRscHBna3JmbHNna3NmbHNlanJlbXJnbHPJ+guYAAAAC3RSTlMAgN8gEN6gnlBgYGN0j58AAACJSURBVDjLY6AOYJkoCAcSBhiy2buRwHZ0eaPdKCAYVZZZG1V6qwOKNNtuNFCAIm2NLr0FRbobXXoXirQ0uvRGNGkFZC7TqPSo9Kj0qDSR0qhg0ElvADG5sUjPRpfegSLtDdEiCAQQgzaTUmCzRKMV92i1hSneyoKBGbWqcWBAl28UhANJsCzlAABo9y++m/lbBAAAAABJRU5ErkJggg==) no-repeat 10px center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px}
.g-animate .g-animate-nav>div.g-animate-nav-4.active {background:#f0f8ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHUSURBVHgB7dtBTsJAFMbxbzq6F09QoguXRG/ACbiBxrUmeAP0AIaEjTs4gp7AK+ABgF7AYEw0Cp0ZpyQaVsKbthSf75ewKzR/pn3dTAHBm0IB4vZ0Txu0nLMxSqAQDU2KYXJXS5BTruBFaGq7UNEpNmNg5rjOEx4c7GPjyODR/0CMzZr46GZodFBwhbHfJkbjOOnWXkAUIYC/jDsVxmbqfmbcIgB5hbPV9SeboHrOr/I+dZXJK6xT08CW0Ma0QEQOdlDbEqycUzGIdpBfMurV6ijZ4eW7svgc550dQUPrL5Ng7iSYOwnmToK5k2DuJJg7CeZOgrmTYO4kmDsJ5k6CuZNg7iSYOwnmToK5K2IHAI7a00J29P1mZj8UXP7TFBEczw0sSqaK2SUp9zB7MrRK4tY8rvTht5HgUa+28krKJj1x+Dms/0f+IAcr5RIQNdrTlce8gc5Gu0MQkYON1vfaoE/5zmtqO2scppQijpSZeQJR0D1zcPHch4rOUJ3sUh74W+UcREFT2uxEV/6MVW4hTswcNwgQFJztUbYazQqis5Ud53kFIPg57KOTLBrODhA4Mdfklj4Do3FSyUseyxa75FM0HGwZe6mdH2aJD30IecdB/DdfNaqXGevT544AAAAASUVORK5CYII=) no-repeat 10px center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px;color:#236DEF}
.g-animate .g-animate-nav>div.g-animate-nav-5 {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAUVBMVEUAAABna3JoaHJnbHNnbHNmanJobHRwcHBma3Jna3NmbHNmanJmbHJnbHJnbHNmbHNgcHBnbHRnbHNnbHNna3JoaHdmbHNma3JobHRoaHBnbHPprMK1AAAAGnRSTlMA3yC/gGBAEHCg7zDvkK9QEM/PzrAhznFBIfhDNmgAAAGOSURBVEjH7ZXbksIgDIYbIJxa8LwH3v9Bt4JDdGkL4t7sjLlxHPhI8v8mDu/4yxjlC7Ax/SwLVnXDOgTRDUMItpfFMEevZPwK8165Qn9qk2D3QuI+tzCxfW5BQrvc2oUcss+nc59bLOWU8WPs8Qli509Jpti4wwjhMIgoGUrJNogroJ3xB7AhyzwD+4mEA86N0MVDOixF3ARu8UhX6Zjga50lW6fiBifPHmOSRdOQz4D7a2/qdoDCeX4Eap1aLmivVkzw6fy0qPve08sL7OHWzNqQiXX6AjTd27QtFBmhYTxx2Qu0SUosgFoKaqcyICT6nS7fJEWVPsabxVI5qQpIRZ6L+dTtO6T85fMmeKLloTGp2LwH6ebI53wXeq+KUo3KkWm8tWmfCLR5ijBpaFqX/efDFBsk9yo7dzXYM/8UYRLiHsYq7Ogyn1MxQ99dFT5knW5ziXkBfdTYfa6Yfsq5dlWBZa44B9UuW6YCilsILU1zqrh8lVfgx4p/1W4rLcNGXwjbTTO1aYUa3vE/4wemAT7vGliEZQAAAABJRU5ErkJggg==) no-repeat 10px center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px}
.g-animate .g-animate-nav>div.g-animate-nav-5.active {background:#f0f8ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAARVBMVEUAAAAgbO8jbe8jbe8gcO8ibe8kbO8ibO8ibO4jbe8ibe8jbO8jau8ibO0jbe8jbe8ibe4ibe8jbO8jbO8jbOwkbO8jbe8EROZdAAAAFnRSTlMAIL9gEN9AcKDv3oAwgO6vkM+9UFBBYiqJjwAAAZJJREFUSMftld2SgyAMheUfVBTa3bz/o64NLrpFhWb2pjP9btoRjpwkJHYf/pNRd3SspWsZOEkWGwBPFisAR9UKWKCmjMMCp6YL6EdbQALxYGSSxHQhnlanxPS69gsymlanmVYtls7U+DNS6qQw8pdSJtl4FygSXecxZUJrdqF4CEywc1QOfnGLQDrIKM6tN8WLDByBkyAcLpmqGg/4vtYid1fs4LlmT0y6CFrlUBWfH7HJdUH4MPOYl6FHR8fqWZ4UYQYksqtVdbwaAbmdNdlwrmaq0t1Z7YqMjKt2qDZxWQvhIN20ygemz0cUhvpqg7BVLXePthJV1RGTVgyV2DTLPFa76E/TPkPKm8+bxG4bHkakLDbPQdzp8B8H4Gz3vhqbRxm2ovHWoPGGe7wXCSVSDm3rsDccdliBdW6ZuaewV74UMA3DXiyq4gCZG1uMWMiEqjjmaaPXjuphJda0MjvernL2XrvdOjvObN51S1f0xS7RtwTNk+OSoaE3/jp+8j5VQt47Lr1fB83kZSlk9+E9+QHj6zcXugPxxAAAAABJRU5ErkJggg==) no-repeat 10px center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px;color:#236DEF}
}
@media screen and (max-width:300px) {.banner {height:120px;}
}